// @import "./mixinfn.scss"
@use 'sass:math';

$base-font-size: 24rpx;
$font-sizes: (
  xxxs:16rpx,
	xxs: 18rpx,
	xs: 20rpx,
	sm: 22rpx,
	md: 24rpx,
	lg: 26rpx,
	xl: 28rpx,
  xxl: 30rpx,
	xxxl: 32rpx,
	xxxxl: 34rpx,
	xxxxxl: 38rpx,
	xxxxxxl: 44rpx,
);

// colors
$colors: (
	'primary': #178436,
	'primary2': #87c630,
	'yellow2': #e9c538,
	'blank': #000,
	'blank1': #1a1a1a,
	'blank2': #262626,
	'blank3': #333,
	'blank6': #666,
	'dark': #999,
	'dark2': #ccc,
  'white10':#E6E6E8, 
	'white5': #f5f5f5,
	'white2': #f2f2f2,
	'white': #fff,
	'grey2': #68718b,
	'blue6': #006fba,
	'aqua6': rgba(157, 201, 170, 0.5),
	'blank04': rgba(255, 255, 255, 0.4),
);
// flex
$flex-jc: (
	start: flex-start,
	end: flex-end,
	center: center,
	between: space-between,
	around: space-around,
);
$flex-ai: (
	start: flex-start,
	end: flex-end,
	center: center,
	stretch: stretch,
);

// spacing
$spacing-types: (
	m: margin,
	p: padding,
);
$spacing-directions: (
	t: top,
	r: right,
	b: bottom,
	l: left,
);
$spacing-base-size: $base-font-size;
$spacing-sizes: (
	0: 0,
	1: 0.25,
	2: 0.5,
	3: 1,
	4: 1.5,
	5: 3,
	6: 5,
	7: 7,
	8: 9,
	9: 11,
	10: 15,
  11: 20,
  12: 25,
);

